<script type="text/html" id="transactionDiv">
    <div class="layui-card" style="">
        <div class="layui-card-header">活动实时交易情况</div>
        <div class="layui-card-body">
            <div class="layui-row">
                <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
                    <div class="numberInfoSubTitle">今日交易总额</div>
                    <div class="numberInfoValue">
                        124,543,233<em class="numberInfoSuffix">元</em>
                    </div>
                </div>
                <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
                    <div class="numberInfoSubTitle">销售目标完成率</div>
                    <div class="numberInfoValue">92%</div>
                </div>
                <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
                    <div class="numberInfoSubTitle">活动剩余时间</div>
                    <div class="numberInfoValue">00:57:10</div>
                </div>
                <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
                    <div class="numberInfoSubTitle">每秒交易总额</div>
                    <div class="numberInfoValue">
                        234<em class="numberInfoSuffix">元</em>
                    </div>
                </div>
            </div>
            <div style="text-align: center;padding: 30px 0 10px 0;">
                <img src="https://gw.alipayobjects.com/zos/rmsportal/HBWnDEUXCnGnGrRfrpKa.png"
                     style="max-height: 437px; max-width: 100%;" alt="map">
            </div>
        </div>
    </div>
</script>